// 可拖动表格样式
::v-deep(.ruifox-table-new),
.ruifox-table-new {
  tbody{
    tr{
      .table-div-check{
        display: flex;
        align-items: center;
        justify-content: center;
        .el-checkbox{
          height: 18px;
        }
      }
      .table-td-check{
        width: 20px;
        min-width: 20px;
      }
      .table-td-time{
        width: 190px;
      }
      .table-td-option{
        .el-dropdown-link{
          color: $mainColor;
          cursor: pointer;
          .iconfont{
            font-size: 14px;
            margin-top: 2px;
          }
        }
        .el-button.is-link{
          padding: 2px 0;
        }
        .el-button--primary.is-link{
          font-size: 12px;
          &::after{
            display: inline-block;
            position: relative;
            margin: 0 8px;
            height: 12px;
            content: "";
            border-left: 1px solid rgb(203, 203, 203);
          }
        }
        .el-button--primary.is-link:last-child{
          &::after{
            display: none;
          }
        }
        .el-button+.el-button{
          margin-left: 0;
        }
      }
      .table-td-normal{
        .stats-box{
          display: flex;
          align-items: center;
          span{
            font-size: 14px;
            color: #555555;
            margin-right: 20px;
            i{
              margin-right: 4px;
            }
          }
          span:nth-last-child(1){
            margin-right: 0;
          }
          .content-num{
            i{
              color: #333333;
            }
          }
          .content-image-num{
            i{
              color: #2CBF77;
            }
          }
          .content-link-num{
            i{
              color: $mainColor;
            }
          }
          .relevant-files-num{
            i{
              color: #AAAAAA;
            }
          }
        }
        .img-box{
          img{
            height: auto;
            width: auto;
            max-height: 200px;
            max-width: 200px;
          }
        }
      }
      .table-td-title{
        display: flex;
        align-items: center;
        .title-tips{
          .iconfont{
            font-size: 14px;
            color: $mainColor;
            margin-right: 3px;
          }
          span{
            color: #aaa;
            margin-right: 20px;
            position: relative;
          }
          span+span:before{
            content: '|';
            position: absolute;
            left: -10px;
            top: -8px;
          }
        }
        .title-box{
          display: flex;
          align-items: center;
          p{
            @include textEllipsis(16px,1)
          }
          .iconimg{
            display: inline-block;
            width: 16px;
            margin-right: 5px;
            i{
              color: #2CBF77;
              font-size: 15px;
            }
          }
          .a-icon{
            display: inline-block;
            width: 16px;
            background-color: $mainColor;
            color: $white;
            line-height: 16px;
            text-align: center;
            i{
              font-size: 14px;
            }
          }
          .p-icon{
            display: flex;
            align-items: center;
            width: 20px;
            color: #2CBF77;
            i{
              font-size: 18px;
            }
          }
        }
      }
      .content_link{
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
      }
      .table-td-top{
        width: 18px;
        min-width: 18px;
        .ding-yes{
          display: inline-block;
          width: 16px;
          height: 16px;
          font-size: 12px;
          color: $white;
          line-height: 16px;
          text-align: center;
          background-color: #FF5240;
          cursor: pointer;
          margin-right: 5px;
        }
        .ding-yes:hover{
          background-color: #f78a7e;
        }
        .ding-no{
          display: inline-block;
          cursor: pointer;
          width: 16px;
          height: 16px;
          font-size: 12px;
          color: $white;
          line-height: 16px;
          text-align: center;
          background-color: #D7D7D7;
          margin-right: 5px;
          visibility: hidden;
        }
        .ding-no:hover{
          background-color: #817f7f;
        }
      }
      .expire_time{
        color: #F49764;
        font-size: 12px;
      }
    }
  }
}

